{% load i18n %}

<div id="brightcove-advanced-settings" class="is-hidden">
  <li
      class="field comp-setting-entry metadata_entry {% if field.is_set %}is-set{% endif %}"
    >
      <div class='wrapper-comp-setting {% if field.type == "set" %}metadata-list-enum{% endif %} {% if field.type == "handout" %}file-uploader{% endif %}{% if field.type == "transcripts" %}metadata-video-translations{% endif %}'>

        <label class="label setting-label" for="xb-field-edit-retranscode-options">
          {% trans "Brightcove content protection" %}
        </label>
        <div class="custom-field-list">
          <div class="custom-field-section-label">
            {% trans "Video autoquality & encryption" %}
          </div>
          <select class="field-data-control" id="xb-field-edit-retranscode-options">
            <option value="default">
              {% trans "Default profile" %}
            </option>
            <option value="autoquality">
              {% trans "Autoquality" %}
            </option>
            <option value="encryption">
              {% trans "Autoquality & Encryption" %}
            </option>
          </select>

          <div class="field-elements-wrapper">
            <button id="submit-re-transcode" class="studio-edit-button retranscode-button">
              <span aria-hidden="true"></span>{% trans "Re-transcode this video" %}<span class="sr"></span>
            </button>
          </div>

          <div id="brightcove-retranscode-status"></div>
        </div>
      </div>
  </li>

  <li class="field comp-setting-entry metadata_entry {% if field.is_set %}is-set{% endif %}">
      <div class='wrapper-comp-setting '>

        <label class="label setting-label" for="xb-field-edit-">{% trans "Brightcove Video tech info" %}</label>
        <div id="brightcove-video-tech-info" class="custom-field-list">
            <div class="field-elements-wrapper">
                {% trans "Renditions count:" %} <span id="bc-tech-info-renditions">-</span> <br>
                {% trans "Autoquality:" %} <span id="bc-tech-info-autoquality">-</span> <br>
                {% trans "Encryption:" %} <span id="bc-tech-info-encryption">-</span> <br>
            </div>
        </div>
      </div>
  </li>
</div>
